<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
    <head>
        <title></title>
        <link rel="stylesheet" type="text/css" href="css/styles.css" />
    </head>
    <body>
        <div class="divPai"> <!-- pai -->
            <div class="divCentralizadora"> <!-- centralizadora -->
                <div class="divCabecalho"> <!-- cabecalho -->
                    <div class="divLogo"> <!-- logo -->
                        <%@include file="includes/inc_Logo.jsp" %>
                    </div>
                    <div class="divOutrasInformacoes"> <!-- outras informacoes -->
                        <%@include file="includes/inc_outrasInformacoes.jsp" %>
                    </div>
                </div>
                <div class="divMenuNivelZero"><!-- menu nivel 0 -->
                    <%@include file="includes/inc_menuNivelZero.jsp" %>
                </div>
                <div class="divConteudo"> <!-- conteudo -->
                    <div class="divMenuEsquerdoNivelUm"><!-- menu esquerdo nivel 1 -->
                        <ul class="ulMenuEsquerdo">
                            <li>Conta</li>                        
                        </ul>                       
                    </div>
                    <div class="divConteudoFuncao"><!-- conteudo funcao -->
                        <div class="divBarraDeFerramentas"><!-- barra de ferramenta -->
                            <ul class="ulBarraFerramentas">
                                <li><input type="button" value="salvar" name="btn" onclick=""></li>                            
                                <li><input type="button" value="inserir produto à conta" name="btn" onclick=""></li>                            
                                <li><input type="button" value="finalizar conta" name="btn" onclick=""></li>                            
                            </ul>
                        </div>            
                        <div class="divFormulario"><!-- formulario -->
                            <div>
                                <div>
                                    <div><span>dados da conta</span></div>
                                    <div>
                                        <table>
                                            <tr>
                                                <td>CLiente</td>
                                                <td><input type="text" name=""></td>
                                                <td>Animal</td>
                                                <td><input type="text" name=""></td>
                                                <td>Idade</td>
                                                <td><input type="text" name=""></td>
                                            </tr>
                                        </table>                                    
                                    </div>
                                </div>
                                <div>
                                    <div><span>Dados Conta</span></div>
                                    <p>Conta numero: <span>00012345</span></p>
                                    <div>
                                        <table class="tableConta">
                                            <tr>
                                                <td>Codigo</td>
                                                <td>Descrição</td>
                                                <td>Qtd</td>
                                                <td>Preço unitario</td>
                                                <td>Subtotal</td>
                                                <td>Remover da conta</td>
                                                <td>Visualizar</td>
                                            </tr>
                                            <tr>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td><a href="#">Remover</a></td>
                                                <td><a href="#">Visualizar</a></td>
                                            </tr>
                                            <tr>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td><a href="#">Remover</a></td>
                                                <td><a href="#">Visualizar</a></td>
                                            </tr>
                                            <tr>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td><a href="#">Remover</a></td>
                                                <td><a href="#">Visualizar</a></td>
                                            </tr>
                                            <tr>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td><a href="#">Remover</a></td>
                                                <td><a href="#">Visualizar</a></td>
                                            </tr>
                                            <tr>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td><a href="#">Remover</a></td>
                                                <td><a href="#">Visualizar</a></td>
                                            </tr>
                                            <tr>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td><a href="#">Remover</a></td>
                                                <td><a href="#">Visualizar</a></td>
                                            </tr>
                                            <tr>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td><a href="#">Remover</a></td>
                                                <td><a href="#">Visualizar</a></td>
                                            </tr>
                                            <tr>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td><a href="#">Remover</a></td>
                                                <td><a href="#">Visualizar</a></td>
                                            </tr>
                                            <tr>
                                                <td>Total</td>
                                                <td colspan="6"><input type="text" name=""></td>
                                            </tr>
                                        </table>
                                        <p>
                                            
                                        </p>
                                    </div>
                                </div>
                            </div>
                        <!-- fim do formulario -->    
                        </div>
                    </div>
                </div>
                <div class="divRodape"><!-- rodape -->
                    <%@include file="includes/inc_Rodape.jsp" %>
                </div> 
            </div>
        </div>
    </body>
</html>

